# Vue3 + TS搭建组件库

# 自动化测试

前端功能测试的工具有很多，根据不同的需求和场景，可以选择合适的工具来进行测试。一些常用的前端功能测试的工具有：

• PageSpeed Insights：这是一个由Google提供的免费在线工具，可以分析网页的性能，并给出优化建议。
• Lighthouse：这是一个开源的自动化工具，可以对网页进行质量评估，包括性能、可访问性、最佳实践等方面。
• WebPageTest：这是一个免费的在线工具，可以对网页进行多地点、多浏览器、多设备的性能测试，并提供详细的报告和诊断。
• Pingdom：这是一个付费的在线工具，可以对网站进行实时监控、性能分析、可用性检测等功能。
• Sitespeed.io：这是一个开源的命令行工具，可以对网站进行性能和最佳实践分析，并生成可视化的报告和仪表盘。
• Calibre：这是一个付费的在线平台，可以对网站进行持续性能监测、分析和优化，并提供警报和通知功能。
• SpeedCurve：这是一个付费的在线平台，可以对网站进行用户体验和设计相关的性能测试，并提供丰富的数据和洞察力。
• SpeedTracker：这是一个开源的项目，可以利用WebPageTest API来定期监测网站速度，并生成漂亮的图表和指标。

您想了解哪个工具更多呢？

# 后续计划

• 文档国际化

# 遇到的问题

1.全局注册的组件无法使用
解决办法：全局注册的组件用小写字母

2.textarea伪类选择器:focus不起作用
解决办法：outline: none;

3.文档中textarea不显示边框
解决办法：vitepress默认将border设为0，需要为textarea设置border样式

4.带缓存的搜索框组件，input绑定@blur，清空按钮绑定@click，点击清空，会同时触发@blur和@click，但是@blur先执行，执行后button不显示，@click不执行
解决办法：为先执行的函数设置setTimeout()

5.Input组件设置过渡效果不起作用
解决办法：设置过渡需要有初始状态，为width属性设置初始值

VuePressopen in new window